<!--
 * @description: 新增分销设置弹窗组件
 * @Author: latiao
 * @Date: 2021-11-10 14:36:19
 * @LastEditors: latiao
 * @LastEditTime: 2021-11-11 09:09:59
-->
<template>
  <div >
    <div>
      <span >分佣类型</span>
      <el-radio-group v-model="chooseRadio" style=" margin-left: 100px;">
        <el-radio label="0">固定金额</el-radio>
        <el-radio label="1">百分比</el-radio>
      </el-radio-group>
    </div>
    <div class="commission">
       <div style="margin-right: 100px;">佣金规则</div>
      <div>
      <div>
        <span>一级佣金</span> 
        <el-input-number
          :min="0"
          :controls="false"
          v-model="firstcommission"
          style="width: 125px; margin: 0px 13px"
          
        >
        </el-input-number>
          <span >{{ chooseRadio === "0" ? "元" : "%" }}</span>
      </div>
      <div style="margin-top: 10px;">
        <span>二级佣金</span> 
        <el-input-number
          :min="0"
          :controls="false"
          v-model="secondcommission"
          style="width: 125px; margin: 0px 13px"
          
        >
        </el-input-number>
          <span >{{ chooseRadio === "0" ? "元" : "%" }}</span>
      </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
//#endregion
import { Vue, Component, Prop, Watch } from "vue-property-decorator";

@Component
export default class CommissionSet extends Vue {
  @Prop()
  currentGood: any;

  @Prop()
  commissionFlag: any;
  
  chooseRadio = "0";

  firstcommission=0;

  secondcommission=0;
}
</script>

<style lang="scss" scoped>
.commission{
  display: flex;
  align-items: baseline;
  margin-top: 50px;
 

}
</style>
